<template>
	<div class="bargain">
		<back-header>砍价列表</back-header>
		<div class="bargain-list">
			<bargain-item v-for="item in bargainList" :key="item.id" :bargainItem="item"/>
		</div>
	</div>
</template>

<script>
	import {mapState} from 'vuex';
	import backHeader from '#/Public/backHeader';
	import BargainItem from '#/Public/BargainItem';

	export default {
		name: "Bargain",
		computed: {
			// 砍价列表
			...mapState(['bargainList'])
		},
		components: {
			backHeader,
			BargainItem
		}
	}
</script>
